<!DOCTYPE html>
<html>
<head>
    <title>新增招聘计划</title>
    <meta charset="UTF-8">
    <!--<meta http-equiv="X-UA-Compatible" content="IE=edge">-->
    <meta http-equiv="X-UA-Compatible" content="chrome=1">
    <meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" name="viewport">
    <link rel="stylesheet" href="../public/css/bootstrap.min.css">
    <link rel="stylesheet" href="../public/css/font-awesome.min.css">
    <link rel="stylesheet" href="../public/plugins/bootstrap-table/bootstrap-table.min.css">
    <link rel="stylesheet" href="../public/plugins/ztree/css/metroStyle/metroStyle.css">
    <link rel="stylesheet" href="../public/plugins/layui/css/layui.css" media="all">
    <link rel="stylesheet" href="../public/css/main.css">
    <link rel="stylesheet" href="../public/css/RecruitmentManager.css">

</head>
<body>


<div id="uploadRecruitPlan" v-cloak><!--列表信息加toolbar-->
    <!--uploadRecruitPlan表-->
        <input id="getInstitutionName" type="button" class="form-control short_input"  name="institutionName" placeholder="所处机构" readonly="readonly"></input>
        <input id="institutionId1" type="hidden" class="form-control short_input"></input>
    <div v-show="showList==1" >
        <div id="toolbar">
            <button  class="btn btn-success " type="button" @click="add">
                <i class="fa fa-plus"></i>&nbsp;&nbsp;<span class="bold">新增</span>
            </button>
<!--            <button  class="btn btn-danger " type="button" @click="del">
                <i class="fa fa-remove"></i>&nbsp;&nbsp;<span class="bold">删除</span>
            </button>
            <button class="btn btn-info " type="button" >
                <i class="fa fa-pencil"></i>&nbsp;&nbsp;<span class="bold">编辑</span>
            </button>-->
            <button class="btn btn-info " type="button" @click="recruitList">
                <i class="fa fa-desktop"></i>&nbsp;&nbsp;<span class="bold">列表查看</span>
            </button>
        </div>
        <table id="selectAllPositionByInstitutionIdTable"></table>
    </div>
    <!--新增招聘计划弹窗-->
    <div class="modal fade" id="selectPositionDialog" tabindex="-1" role="dialog"  aria-hidden="true">
        <div class="modal-dialog">
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal" aria-hidden="true">
                        &times;
                    </button>
                    <h4 class="modal-title" id="createModalTitle">
                        添加招聘信息
                    </h4>
                </div>
                <div class="modal-body">
                    <form>
                        <div class="form-group">
                            <!--<label >机构id</label>-->
                            <input v-model="institutionId" type="hidden" class="form-control"  name="institutionId" placeholder="所处机构Id" readonly="readonly"></input>
                        </div>
<!--                        <div class="form-group">
                            <label >发布日期</label>
                            <input v-model="releaseDate" type="button" class="form-control"  name="releaseDate" placeholder="发布日期" readonly="readonly"></input>
                        </div>-->
                        <div class="form-group">
                            <label for="positionName">职位</label>
                            <select  class="form-control" id="positionName" name="positionName" placeholder="机构下职位">
                                <option value="pleaseSelect">
                                    请点击选择职位
                                </option>
                            </select>
                        </div>
                        <div class="form-group">
                            <label >已有人数</label>
                            <input v-model="positionNum" type="text" class="form-control"  name="positionNum" placeholder="现有人数" readonly="readonly"></input>
                        </div>
                        <div class="form-group">
                            <label >招聘人数</label>
                            <input v-model="recruitNum" type="text" class="form-control"  name="recruitNum" placeholder="招聘人数"></input>
                        </div>
                        <div class="form-group">
                            <label >开始日期</label>
                            <input v-model="startDate" type="date" class="form-control"  name="startDate" placeholder="开始日期"></input>
                        </div>
                        <div class="form-group">
                            <label >结束日期</label>
                            <input v-model="stopDate" type="date" class="form-control"  name="stopDate" placeholder="结束日期"></input>
                        </div>
                        <div class="form-group">
                            <label >职位要求</label>
                            <textarea v-model="claim" type="text" class="form-control"  name="claim" placeholder="职位要求"></textarea>
                        </div>
                    </form>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-default" data-dismiss="modal">关闭
                    </button>
                    <button type="button" class="btn btn-primary" @click="submit">
                        新增
                    </button>
                </div>
            </div><!-- /.modal-content -->
        </div><!-- /.modal -->
    </div>


</div>

<script src="../public/libs/jquery.min.js"></script>
<script src="../public/plugins/layer/layer.js"></script>

<script src="../public/libs/bootstrap.min.js"></script>
<script src="../public/libs/vue.min.js"></script>
<script src="../public/plugins/bootstrap-table/bootstrap-table.min.js"></script>
<script src="../public/plugins/bootstrap-table/locale/bootstrap-table-zh-CN.min.js"></script>
<script src="../public/plugins/ztree/jquery.ztree.all.min.js"></script>
<script src="../public/js/common.js"></script>



<script src="../public/plugins/layui/layui.js"></script>
<script src="../public/js/RecruitmentManager/uploadRecruitPlan.js"></script>



</body>
</html>